﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="WebShop_Default" %>

<html lang="en">
<head runat="server">
    <style type="text/css">
        a:link {
            text-decoration: none;
        }
        
        a:visited {
            /*text-decoration: none;*/
        }
    </style>
    <title>TEAM 2 PROJECT</title>
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="Webshop.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" type="text/css" href="menubar.css" />
    <script lang="javascript" type="text/javascript" src="../js/jquery.js"></script>
    <script lang="javascript" type="text/javascript" src="../js/jquery.easing.js"></script>
    <script lang="javascript" type="text/javascript" src="../js/jquery.touchSwipe.min.js"></script>
    <script lang="javascript" type="text/javascript" src="../js/script.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var buttons = {
                previous: $('#jslidernews1 .button-previous'),
                next: $('#jslidernews1 .button-next')
            };
            $('#jslidernews1').lofJSidernews({
                interval: 4000,
                direction: 'opacitys',
                easing: 'easeInOutExpo',
                duration: 1200,
                auto: true,
                maxItemDisplay: 4,
                mobile: true,
                navPosition: 'horizontal',
                navigatorHeight: 32,
                navigatorWidth: 80,
                mainWidth: 980,
                buttons: buttons
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="Group">
            
            <img alt="Group2" src="../picture/Group2.png" />
        </div>
        <div id="Login">
                            
            <asp:Button ID="BtnLogin" runat="server" Width="102px" cssclass="login" OnClick="BtnLogin_Click" Text="Log In" Height="34px" />
                            
            <asp:Button ID="BtnLogout" runat="server" CssClass="login" OnClick="BtnLogout_Click1" Text="Log Out" Visible="False" Width="103px" Height="34px" />
                            
            <asp:Button ID="btnRedirect" runat="server" OnClick="btnRedirect_Click" Visible="False" Width="103px" Text="Account" CssClass="logout" Height="34px" />
            
        </div>
       
        <!------------Menubar-------------------------->
        <div id="menubar">
            <ul class="menu">

                <li><a href="../index/index.aspx">Home</a></li>
                <li><a href="../Contact/About us.aspx">Avenger team</a></li>
                <li><a href="../Product/Product.aspx">Our Product</a></li>
                <li><a href="../Contact/Contact us.aspx">Contact</a></li>
            </ul>
        </div>
        <!------------end menubar -------------------->


        <!------------------------------------- THE CONTENT ------------------------------------------------->
        <div id="container">
            <div id="jslidernews1" class="lof-slidecontent" style="width: 980px; height: 340px;">
                <div class="preload">
                    <div></div>
                </div>
                <!-- MAIN CONTENT -->
                <div class="main-slider-content" style="width: 980px; height: 340px;">
                    <ul class="sliders-wrap-inner">
                        <li>
                            <img src="../picture/pop/3.png" title="Alienware" />
                            <div class="slider-description">
                                <div class="slider-meta">
                                    <a target="_parent" title="AlienWare" href="#Category-1">AlienWare</a>
                                </div>
                                <h4>AlienWare M18x</h4>
                                <p>
                                    Alienware M18x R2 Core i7 3940XM 32G 768G (SSD) GTX680-SLI(4G) 18,4"FHD,...
                            <a class="readmore" href="#">Read more </a>
                                </p>


                            </div>
                        </li>
                        <li>
                            <img src="../picture/pop/2.png" title="Phone" />
                            <div class="slider-description">
                                <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">Phone</a></div>
                                <h4>Category of SmartPhone</h4>
                                <p>
                                    At Ateamshop you can find a wide range of smart phone accessories at extremely low prices..
                                <a class="readmore" href="#">Read more </a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- END MAIN CONTENT -->

                <!-- NAVIGATOR -->
                <div class="navigator-content">

                    <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                            <li>
                                <img src="../picture/webshop/thumbs/1.png" /></li>
                            <li>
                                <img src="../picture/webshop/thumbs/2.png" /></li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>
        <!----------------end content---------------->
   
    <section id="content">
        <div class="block-1">
            <div class="border-right">
                <div class="block-1-title">
                    
                    <div class="text-1">About Us</div>
                    <strong class="clear"></strong>
                </div>
                <p class="border-1">This website template has several pages:  Smart Phone, Laptop, click  for your product...if you have any problem with our produce (note that contact us form or call us).</p>
                <%--<a href="#" class="link-1">read more</a>--%>
            </div>
            <div class="border-right">
                <div class="block-1-title">
                    
                    <div class="text-2">Big Sale</div>
                    <strong class="clear"></strong>
                </div>
                <p class="border-1">Dell has up to 90% saving on limited deals. Wait and see! We'll find the big surprise deal. In august, we will descrease 50% price each laptop for anybody buy more than 2 item.... </p>
                <%--<a href="#" class="link-1">read more</a>--%>
            </div>
            <div class="border-right">
                <div class="block-1-title">
                    
                    <div class="text-2">Service</div>
                    <strong class="clear"></strong>
                </div>
                <p class="border-1">
                   If your Apple hardware product needs service, click the link for your product below to view your 
                    service options. You'll find information that can help you determine.....
                     
                </p>
                <%--<a href="#" class="link-1">read more</a>--%>
            </div>
            <div class="block-1-last">
                <div class="block-1-title">
                    <div class="text-4">Support</div>
                    <strong class="clear"></strong>
                </div>
                <p class="border-1">If u have any problem, click "contact us" button or call hotline :0969696969 for more information</p>
                <%--<a class="link-1" href="#">Read more </a>--%>
            </div>
        </div>
    </section>
         </form>
</body>
</html>
